<template>
	<view class="content_Seven">
		<view class="content_Seven_name">{{$t('资质证明')}}</view>
		<view class="content_Seven_list" v-if="message.license_image">
			<scroll-view class="scroll-view_H" scroll-x="true">
				<view   class="scroll-view-item_H">
					<image @click="preview(IMAGE_URL+ message.license_image)" class="content_Seven_imgs" :src="IMAGE_URL+ message.license_image" mode="heightFix"></image>
				</view>
			</scroll-view>
			
		</view>
		<view v-else class="sever-zw">{{$t('暂无信息')}}</view>
	</view>
</template>

<script>
	import {
		IMAGE_URL,
		HTTP_IMG_UTL
	} from '@/config/app';
	export default{
		props: ['message','lang'],
		data(){
			return{
				IMAGE_URL,
				HTTP_IMG_UTL,
				 albumWidth: 0,
				list:[
                    'https://cdn.uviewui.com/uview/album/1.jpg',
                    'https://cdn.uviewui.com/uview/album/2.jpg',
                    'https://cdn.uviewui.com/uview/album/3.jpg',
                    'https://cdn.uviewui.com/uview/album/4.jpg',
                    'https://cdn.uviewui.com/uview/album/5.jpg',
                    'https://cdn.uviewui.com/uview/album/6.jpg',
                    'https://cdn.uviewui.com/uview/album/7.jpg',
                    'https://cdn.uviewui.com/uview/album/8.jpg',
                    'https://cdn.uviewui.com/uview/album/9.jpg',
                    'https://cdn.uviewui.com/uview/album/10.jpg',
                ],
			}
		},
		methods: {
			preview(path) {
				uni.previewImage({
					urls: [path],
					current: path
				})
			}
		}
	}
</script>

<style scoped>
	.sever-zw{
		font-size: 24rpx;
		color: #999999;
		width: 100%;
		height: 100rpx;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.content_Seven_imgs{
		width: 192rpx;
		height: 120rpx;
		border-radius: 15rpx 15rpx 15rpx 15rpx;
	}
	.scroll-view-item_H {
		display: inline-block;
		min-width: 92rpx;
		min-height: 80rpx;
		font-size: 36rpx;
		margin-right: 12rpx;
		border-radius: 16rpx;
		/* border: 2rpx solid #F0F0F0; */
	}
	
	.scroll-view_H {
		white-space: nowrap;
		width: 100%;
		height: 120rpx;
	}
	.content_Seven_list{
		width: 100%;
		height: 120rpx;
		margin-top: 24rpx;
	}
	.content_Seven_name{
		font-weight: 500;
		font-size: 30rpx;
		color: #3D3D3D;
	}
	.content_Seven{
		width: 690rpx;
		min-height: 230rpx;
		background: #FFFFFF;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		margin-top: 12rpx;
		padding: 34rpx 30rpx 24rpx 30rpx;
	}
</style>